<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>
    
    <head>
        <meta charset="utf-8">
        <title>
            <?php echo $title ?>-<?php echo C('TITLE'); ?>
        </title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="format-detection" content="telephone=no">
        <link rel="stylesheet" href="/project/fly/Public/X-admin/css/x-admin.css" media="all">
        <script src="/project/fly/Public/X-admin/js/jquery.min.js" charset="utf-8">
        </script>
        <script src="/project/fly/Public/X-admin/lib/layui/layui.js" charset="utf-8">
        </script>
        <script src="/project/fly/Public/X-admin/js/del.js"></script>
        <script src="/project/fly/Public/X-admin/js/x-admin.js"></script>
        <script src="/project/fly/Public/X-admin/js/x-layui.js"></script>
        
    </head>
<style type="text/css">
.page{
  margin: 20px 0;
  text-align: center;
}
.page a{
  border: 1px solid #009E94;
  padding: 10px 20px;
  margin: 0 2px;
}
.current{
  background: #009E94;
  color: #fff;
  padding: 10px 20px;
  margin: 0 2px;
  border: 1px solid #009E94;
}
.page{
  margin-top: 30px;
}

</style>
<body>
    <div class="x-nav">
        <span class="layui-breadcrumb">
          <a><cite>首页</cite></a>
          <a><cite>会员管理</cite></a>
          <a><cite>管理员列表</cite></a>
        </span>
        <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"  href="javascript:location.replace(location.href);" title="刷新"><i class="layui-icon" style="line-height:30px">ဂ</i></a>
    </div>
    <div class="x-body">
        <form class="layui-form x-center" action="" method="get" style="width:80%">
            <div class="layui-form-pane" style="margin-top: 15px;">
              <div class="layui-form-item">
                <label class="layui-form-label">日期范围</label>
                <div class="layui-input-inline">
                  <input class="layui-input bgtime" placeholder="开始日" name='bgtime' value="<?php if($bgtime){ echo $bgtime; }; ?>" id="LAY_demorange_s" cur='<?php echo $bgtime; ?>'>
                </div>
                <div class="layui-input-inline">
                  <input class="layui-input endtime" name='endtime' placeholder="截止日" value="<?php if($endtime){ echo $endtime; }; ?>" id="LAY_demorange_e" cur='<?php echo $endtime; ?>'>
                </div>
                <div class="layui-input-inline">
                  <input type="text" name="username"  placeholder="请输入登录名" value="<?php if($username){ echo $username; }; ?>" autocomplete="off" class="layui-input">
                </div>
                <div class="layui-input-inline" style="width:80px">
                    <button class="layui-btn" type="submit"  lay-submit="search" lay-filter="search"><i class="layui-icon">&#xe615;</i></button>
                </div>
              </div>
            </div> 
        </form>
        <xblock>
        <button class="layui-btn layui-btn-danger delAll">
            <i class="layui-icon">&#xe640;</i>批量删除
        </button>
        <button class="layui-btn" onclick=admin_add('添加管理员',"<?php echo U('admin/adminadd/index');?>",'600','500')><i class="layui-icon">&#xe608;</i>添加
        </button>
        <span class="x-right" style="line-height:40px">共有数据：<?php echo $count;?> 条</span>
        </xblock>
        <table class="layui-table">
            <thead>
                <tr>
                    <th>
                        <input type="checkbox" name="" value="">
                    </th>
                    <th>
                        ID
                    </th>
                    <th>
                        登录名
                    </th>
                    <th>
                        手机
                    </th>
                    <th>
                        邮箱
                    </th>
                    <th>
                        角色
                    </th>
                    <th>
                        加入时间
                    </th>
                    <th>
                        状态
                    </th>
                    <th>
                        操作
                    </th>
                </tr>
            </thead>
            <tbody>
                <?php foreach ($admins as $k => $v) { ?>
                    <tr>
                    <td>
                        <input class='index' type="checkbox" value="<?php echo $v['uid']; ?>" name="">
                    </td>
                    <td>
                        <?php echo $k+1; ?>
                    </td>
                    <td>
                        <?php echo $v['username']; ?>
                    </td>
                    <td >
                        <?php echo $v['phone']; ?>
                    </td>
                    <td >
                        <?php echo $v['email']; ?>
                    </td>
                    <td >
                       <?php echo $v['title']; ?>
                    </td>
                    <td>
                        <?php echo Ctime($v['create_time']); ?>
                    </td>
                    <td class="td-status">
                        <?php if($v['status']=='0'){ ?>
                            <span class="layui-btn layui-btn-normal layui-btn-mini">
                            已启用
                            </span>
                        <?php }else{ ?>
                            <span class="layui-btn layui-btn-disabled layui-btn-mini">
                            已停用
                            </span>
                        <?php } ?>
                    </td>
                    <td class="td-manage" uid="<?php echo $v['uid']; ?>">
                        <?php if($v['status']=='0'){ ?>
                            <a style="text-decoration:none" href="javascript:;" title="停用" class="stop" status='0'>
                            <i class="layui-icon">&#xe601;</i>
                            </a>
                        <?php }else{ ?>
                            <a style="text-decoration:none" href="javascript:;" title="启用" class="stop" status='1'><i class="layui-icon"></i>
                            </a>
                        <?php } ?>
                        <a title="编辑" href="javascript:;" onclick=admin_edit('编辑',"<?php echo U('admin/adminedit/index',array('uid'=>$v['uid']));?>",'4','600','510')
                        class="ml-5" style="text-decoration:none">
                            <i class="layui-icon">&#xe642;</i>
                        </a>
                        <a title="删除" href="javascript:;" class="admindel" style="text-decoration:none" uid='<?php echo $v['uid'] ?>'>
                            <i class="layui-icon">&#xe640;</i>
                        </a>
                    </td>
                </tr>
                <?php } ?>
            </tbody>
        </table>
 
        <div class="page">
           <?php echo $page; ?>
        </div>

    </div>
    <script>
        layui.use(['laydate','element','laypage','layer','form'], function(){
            $ = layui.jquery;//jquery
          laydate = layui.laydate;//日期插件
          lement = layui.element();//面包导航
          laypage = layui.laypage;//分页
          layer = layui.layer;//弹出层
          form = layui.form();
          //以上模块根据需要引入

          
           /*mindate = $('.bgtime').attr('cur');
           maxdate = $('.endtime').attr('cur');
           alert(mindate);*/
          var start = {
            format: 'YYYY-MM-DD',
            min: '2016-01-01'
            ,max: '2099-06-16'
            ,istoday: false
            ,start:'2017-01-01'
            ,choose: function(datas){
              end.min = datas; //开始日选好后，重置结束日的最小日期
              end.start = datas //将结束日的初始值设定为开始日
            }
          };
          
          var end = {
            min: laydate.now()
            ,max: '2099-06-16'
            ,istoday: false
            ,start:'2017-10-01'
            ,choose: function(datas){
              start.max = datas; //结束日选好后，重置开始日的最大日期
            }
          };
          
          document.getElementById('LAY_demorange_s').onclick = function(){
            start.elem = this;
            laydate(start);
          }
          document.getElementById('LAY_demorange_e').onclick = function(){
            end.elem = this
            laydate(end);
          }

          /*form.on('submit(search)', function(data){
               var res = true;
               $.ajax({
                    url: '<?php echo U("admin/adminlist/index");?>',
                    type: 'POST',
                    dataType: 'json',
                    data: data.field,
                })
                .done(function(res) {
                    if (res.error==1) {
                        layer.msg(res.info, function(){
                    //关闭后的操作
                    });
                       res = false;
                    }else{
                        layer.alert(res.info ,{icon: 6},function(){
                            location.href="<?php echo U('admin/login/index');?>";   
                        });         
                        
                    }
                })
                .fail(function() {
                    console.log("error");
                })
                if(!res){
                    return false;
                }
            });*/
        });

        //批量删除提交
         function delAll () {
            layer.confirm('确认要删除吗？',function(index){
                //捉到所有被选中的，发异步进行删除
                layer.msg('删除成功', {icon: 1});
            });
         }
         /*添加*/
        function admin_add(title,url,w,h){
            x_admin_show(title,url,w,h);
        }

         /*停用*/
        function admin_stop(obj,id){
            layer.confirm('确认要停用吗？',function(index){
                //发异步把用户状态进行更改
                $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="admin_start(this,id)" href="javascript:;" title="启用"><i class="layui-icon">&#xe62f;</i></a>');
                $(obj).parents("tr").find(".td-status").html('<span class="layui-btn layui-btn-disabled layui-btn-mini">已停用</span>');
                $(obj).remove();
                layer.msg('已停用!',{icon: 5,time:1000});
            });
        }

        /*启用*/
        function admin_start(obj,id){
            layer.confirm('确认要启用吗？',function(index){
                //发异步把用户状态进行更改
                $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="admin_stop(this,id)" href="javascript:;" title="停用"><i class="layui-icon">&#xe601;</i></a>');
                $(obj).parents("tr").find(".td-status").html('<span class="layui-btn layui-btn-normal layui-btn-mini">已启用</span>');
                $(obj).remove();
                layer.msg('已启用!',{icon: 6,time:1000});
            });
        }
        //编辑
        function admin_edit (title,url,id,w,h) {
            x_admin_show(title,url,w,h); 
        }
        /*删除*/
        function admin_del(obj,id){
            layer.confirm('确认要删除吗？',function(index){
                //发异步删除数据
                $(obj).parents("tr").remove();
                layer.msg('已删除!',{icon:1,time:1000});
            });
        }
        $('.admindel').click(function (obj){
             var that=$(this);
             layer.confirm('确认要删除吗？',function(index){
                $.ajax({
                    url: "<?php echo U('admin/adminlist/admindel');?>",
                    type: 'post',
                    dataType: 'json',
                    data: {uid: that.attr('uid')},
                })
                .done(function(res) {
                    
                    if (res.error==0) {
                        layer.alert(res.info ,{icon: 6}, function(){

                            location.reload();
                        });
                    }else{
                         layer.alert(res.info ,{icon: 1}, function(){
                            location.reload();
                            //$(obj).parents("tr").remove();
                            //关闭后的操作
                        });
                    }
                    layer.close(index);
                })
                .fail(function() {
                    console.log("error");
                })
            });
        })
        
        $('.delAll').click(function(){
            var uids='';
            for(var i=0;i<$('.index').length;i++){
                if($('.index').eq(i).is(':checked')){
                    uids+=$('.index').eq(i).val();
                    uids+=',';
                }
            }
            layer.confirm('确定要删除吗？',function(index){
                $.ajax({
                    url: "<?php echo U('admin/adminlist/delAll');?>",
                    type: 'post',
                    dataType: 'json',
                    data: {uids: uids},
                })
                .done(function(res) {
                    if (res.error==0) {
                        layer.alert(res.info ,{icon: 1}, function(){
                            layer.closeAll();
                            location.reload();
                        });
                    }else{
                        layer.alert(res.info ,{icon: 1}, function(){
                            layer.closeAll();
                            location.reload();
                        });
                    }
                })
                .fail(function() {
                    console.log("error");
                })
            });
        })

        $('.stop').click(function (){
            var that=$(this);
            var str;
            if(that.attr('status')=='0'){
                str='确认要停用吗？';
            }else{
                str='确认要启用吗？';
            }
            var sibling = that.parent().siblings('.td-status').children('span');
            layer.confirm(str,function(index){
                $.ajax({
                    url: "<?php echo U('admin/adminlist/stop');?>",
                    type: 'post',
                    dataType: 'json',
                    data: {uid: that.parent().attr('uid'),status:that.attr('status')},
                })
                .done(function(res) {
                    if (res.error==0) {
                        layer.alert(res.info ,{icon: 6}, function(){
                            if(that.attr('status')=='0'){
                                that.attr('status','1');
                                that.children('i').html('');
                                sibling.removeClass('layui-btn-normal');
                                sibling.addClass('layui-btn-disabled')
                                sibling.html('已停用');
                                layer.closeAll();
                            }else{
                                that.attr('status','0');
                                that.children('i').html('&#xe601;');
                                sibling.removeClass('layui-btn-disabled');
                                sibling.addClass('layui-btn-normal')
                                sibling.html('已启用');
                                layer.closeAll();
                            }
                        });
                    }else{
                         layer.alert(res.info ,{icon: 1}, function(){
                        });
                    }
                })
                .fail(function() {
                    console.log("error");
                })
            });
        })
        </script>
        <script>
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
      var s = document.getElementsByTagName("script")[0]; 
      s.parentNode.insertBefore(hm, s);
    })();
    </script>
</body>
 <p style="color:#fff;text-align: center;">Copyright © 2017.Company name All rights X-admin </p>